<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1"/>
    <title>家家服水果销售管理系统</title>
    <script src="js/echarts.min.js"></script>
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/echarts-wordcloud.min.js"></script>
    <script src="js/getName.js"></script>
    <script src="js/main.js"></script>
    <script src="js/map/china.js"></script>
    <link rel="stylesheet" href="css/main.css">
</head>
<body>

<!-- {#头部#} -->
<header>
    <h1>水果销售管理系统（纯属虚构）</h1>
    <h3>选择卖场:</h3>
    <select name="" id="supermarket"></select>
    <div class="showTime"></div>
    <script src="js/taskjs/time.js"></script>
</header>

<!-- {#主体#} -->
<section class="mainbox">
    <!-- {#    左边#} -->
    <!-- {#    左上#} -->
    <div class="column">
        <div class="panel">
            <div class="bar1"></div>
            <div class="wordCloud"></div>
            <div class="panel-footer"></div>
        </div>
        <!-- {#        左中#} -->
        <div class="panel">
            <div class="bar2"></div>
            <div class="panel-footer"></div>
        </div>
        <!-- {#        左下#} -->
        <div class="panel">
            <div class="bar3"></div>
            <div class="bar3_only"></div>
            <div class="panel-footer"></div>
        </div>
    </div>

    <!-- {#    中间#} -->
    <!-- {#    中上#} -->
    <div class="column">
        <div class="panel panel_line1">
            <div class="line1">
                <ul class="dataSum">
                </ul>
                <ul class="dataText">
                    <li>日商</li>
                    <li>TC客单数</li>
                    <li>AC平均客单交易额</li>
                    <li>总销售额</li>
                </ul>
            </div>
            <div class="panel-footer"></div>
        </div>
        <!-- {#    #} -->
        <!-- {#  中中      中下#} -->
        <div class="panel panel_center">
            <div class="pie1"></div>
            <div class="panel-footer"></div>
        </div>
    </div>


    <!-- {#    右边#} -->
    <!-- {#    右上#} -->
    <div class="column">
        <div class="panel">
            <div class="pie2"></div>
            <div class="panel-footer"></div>
        </div>
        <!-- {#        右中#} -->
        <div class="panel">
            <div class="sunburst"></div>
            <div class="panel-footer"></div>
        </div>
        <!-- {#        右下#} -->
        <div class="panel">
            <div class="tree"></div>
            <div class="panel-footer"></div>
        </div>
    </div>
</section>

<script type="text/javascript">


    //左上 柱状图
    document.write("<scr" + "ipt src='js/taskjs/lefttop.js'></scr" + "ipt>");
    document.write("<scr" + "ipt src='js/taskjs/lefttop2.js'></scr" + "ipt>");

    //左中 条形图
    document.write("<scr" + "ipt src='js/taskjs/leftcenter.js'></scr" + "ipt>");

    //左下 瀑布图
    document.write("<scr" + "ipt src='js/taskjs/leftbottom.js'></scr" + "ipt>");
    document.write("<scr" + "ipt src='js/taskjs/leftbottom2.js'></scr" + "ipt>");
    //中上 折线图
    document.write("<scr" + "ipt src='js/taskjs/centertop.js'></scr" + "ipt>");

    //中中 雷达图
    document.write("<scr" + "ipt src='js/taskjs/centercenter.js'></scr" + "ipt>");

    //中下 玫瑰图
    document.write("<scr" + "ipt src='js/taskjs/centerbottom.js'></scr" + "ipt>");

    // 右上 圆环图
    document.write("<scr" + "ipt src='js/taskjs/righttop.js'></scr" + "ipt>");

    //右中 旭日图
    document.write("<scr" + "ipt src='js/taskjs/rightcenter.js'></scr" + "ipt>");

    //右下 树状图
    document.write("<scr" + "ipt src='js/taskjs/rightbottom.js'></scr" + "ipt>");



</script>
</body>
</html>